<HTML>
<HEAD>
<TITLE>Code Change Viewer</TITLE>
<script type="text/javascript" src="/ccv/jquery/jquery-1.4.2.min.js"></script>

<style type="text/css">
.webim-dashboard-presence-txt {
	position: absolute;
	top: 0.5px;
	left: 8px;
	width: 154px;
	height: 18px;
	border: 0px;
}

.webim-dashboard-presence-down {
	position: absolute;
	top: 1px;
	right: 2px;
	width: 16px;
	height: 18px;
	background: url(2.png) left top no-repeat;
}


.webim-dashboard-presence-txt-div {
	position: relative;
	border: 0px;
	width: 184px;
	height: 20px;
	background-color: #fff;
	background-image: url(pr.png);
	background-repeat: none;
}
</style>
</HEAD>
<BODY>
<div class="abc"/>
<div class="webim-dashboard-presence-txt-div">	
  <input class="webim-dashboard-presence-txt" type="text"/>
  <div class="webim-dashboard-presence-down"/>
</div>
</BODY>
</HTML>

<script type="text/javascript">
jQuery(document).ready(function() {
	var jqPresenceContainer = jQuery("div.webim-dashboard-presence-txt-div");
	var jqPresenceTxt = jqPresenceContainer.find(".webim-dashboard-presence-txt");
	var jqPresenceDown = jqPresenceContainer.find(".webim-dashboard-presence-down");
	var jqAbc = jqPresenceContainer.find(".abc");
	
	jqPresenceTxt.click(function() {
		this.select();
	});
	
	jqPresenceDown.click(function() {
		jqPresenceTxt.val("").focus();
	});
	
	jqPresenceTxt.change(function() {
		alert(this.value);
		jqAbc.html(this.value);	
	});	
});

</script>
